<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: #ffffff;
        }

        .tu {
            padding-top: 60px;
            width: 650px;
            z-index: 2;
            height: 480px;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div class="tu" id="huishoulv">
    </div>
    <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="js/echarts.js" ,type="text/javascript"></script>
    <script src="js/jquery-3.1.1.min.js" ,type="text/javascript"></script>
    <script>
        layui.use(['form'], function () {
            var form = layui.form,
                layer = layui.layer,
                table = layui.table,
                $ = layui.$;
            $(function () {
                option = {
                    title: {
                        text: '三轮问卷回收率',
                        left: 'center'
                    },
                    xAxis: {
                        type: 'category',
                        data: ['第一轮问卷', '第二轮问卷', '第三轮问卷', ]
                    },
                    yAxis: {
                        name:'百分之(%)',
                        type: 'value'
                    },
                    series: [{
                        data: [100, 100, 100],
                        type: 'bar'
                    }]
                };
                var mychart = echarts.init(document
                    .getElementById('huishoulv'));
                mychart.setOption(option);
            })
        })
    </script>
</body>

</html>